<template>
    <div>
        <span v-show="text == '超时未整改'" class="pub-list-draft">{{ text }}</span>
        <span v-show="text == '待复查'" class="pub-list-audit">{{ text }}</span>
        <span v-show="text == '待整改'" class="pub-list-del">{{ text }}</span>
        <span v-show="text == '不合格不整改'" class="pub-list-rejected">{{ text }}</span>
        <span v-show="text == '整改中'" class="pub-list-underway">{{ text }}</span>
        <span v-show="text == '复查通过'" class="pub-list-pass">{{ text }}</span>
    </div>
</template>
<script>
// import template from '@/views/construction/gantt/template.vue'

export default {
  name:'a'+ Date.now(),
    // components: { template },
    props: {
        text: {
            type: String,
        },
    },
}
</script>
<style>
.pub-list-draft::before,
.pub-list-audit::before,
.pub-list-pass::before,
.pub-list-rejected::before,
.pub-list-underway::before .pub-list-del::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
}

.pub-list-audit::before {
    background-color: rgb(16, 141, 233);
}

.pub-list-pass::before {
    background-color: rgb(0, 168, 84);
}

.pub-list-rejected::before {
    background-color: rgb(254, 85, 0);
}

.pub-list-draft::before {
    background-color: rgb(255, 255, 0);
}

.pub-list-del::before {
    background-color: rgb(173, 173, 173);
}
.pub-list-underway::before {
    background-color: rgb(123, 123, 123);
}
</style>
